{% extends 'base.html' %}
{% block title %}
    详情
{% endblock %}
{% block context %}
<div class="cl-artical-content">
    <h2 class="cl-artical-title">{{ article.title }}</h2>
    <div class="cl-card-tag">
        <div><span>{{ article.total_views }}</span>人浏览 /
            <span>{{ article.comments_count }}</span>人评论
            <span>{{ article.create_time }}</span>
        </div>
    </div>
    <div class="cl-artical">
        {{ article.content | safe }}
    </div>
</div>

    <div class="recommend-panel">
        <h4 class="right-card-title">相关文章</h4>
{#        <div class="card-deck">#}
            {% for corrtag in corrtags %}
                <div class="card ll-panel">
                    <a class="recommend-panel-link" href="{% url 'home:details' %}?artid={{ corrtag.id }}">
                        <div class="recommend-panel-top">
                            <img src="{{ corrtag.avatar.url }}" class="img-fluid" alt="">
                        </div>
                        <div class="recommend-panel-bottom">
                            {{ corrtag.sumary }}
                        </div>
                    </a>
                </div>
            {% endfor %}
{#        </div>#}
    </div>

    <div class="comment">
        <form method="post" class="cl-comment-from">
            {% csrf_token %}
            {#隐藏域#}
            <input type="hidden" name="art_id" value="{{ article.id }}">
            <div><textarea name="content" rows="5" placeholder="说点啥子吧..."></textarea></div>
            <button type="submit">留言</button>
            <span class="clearfix"></span>
        </form>

        <h4 class="right-card-title">全部评论</h4>
        {% for comm in comms %}
            <div class="comment-panel">
                <div class="comment-panel-portrait">
                    <img src="{{ comm.user.avatar.url }}" class="img-fluid rounded-circle" alt="">
                </div>
                <div class="comment-panel-content">
                    <div class="comment-panel-content-item">
                        <div class="comment-author">{{ comm.user.username }}</div>
                        <div>{{ comm.created_time }}</div>
                    </div>
                    <div class="comment-panel-content-main">{{ comm.content }}</div>
                </div>
                <span class="clearfix"></span>
    {#            <div class="text-primary"><a href="">回复</a></div>#}
            </div>
        {% endfor %}
    </div>
{% endblock %}

